.swiper-container{
	width: 100%;
	height: 100%;
}
.slide1{
	background: url(../img/derivaBg1.png) no-repeat center center;
	background-size: cover;
}
.slide3{
	background: url(../img/derbg03.png) no-repeat center center;
	background-size: cover;
}
.slide4{
	background: url(../img/derbg04.jpg) no-repeat center center;
	background-size: cover;
}
.btnbai:hover{
	color: #fff !important;
	/*border: 2px solid #fff !important;*/
	background: #dcbe8d border-box;
}
.derWrap1{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 990px;
	height: 210px;
	margin-left: -495px;
	margin-top: -130px;
}
.derWrap1 p:nth-child(1){
	font-size: 60px;
	color: #fff;
	line-height: 60px;
	font-weight: bold;
}
.derWrap1 p:nth-child(2){
	font-size: 40px;
	color: #d5d5d5;
	line-height: 40px;
	margin-top: 20px;
}
.derWrap1 p:nth-child(3){
	font-size: 40px;
	color: #d5d5d5;
	line-height: 40px;
	margin-top: 10px;
}
.slide2{
	background: url(../img/qhbg02.png) no-repeat center center;
	background-size: cover;
}
.derWrap2{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 600px;
	margin-left: -500px;
	margin-top: -300px;
}
.slide_tit2{
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	color: #181818;
}
.slide_content2{
	width: 100%;
	margin-top: 30px;
}
.sl_content_list{
	width: 205px;
	height: 200px;
}
.sl_content_list img{
	display: block;
	width: 76px;
	margin: 0 auto;
}
.sl_content_name{
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	color: #333333;
	font-weight: bold;
	margin-top: 10px;
}
.sl_content_text{
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-top: 10px;
}
.list_left{
	margin-left: 60px;
}
.slide_tit2 span{
	font-weight: bold;
}
.content_foot{
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	margin-top: 30px;
}

.changC{
	color: #fff !important;
}


.derList3:nth-child(1){
	background: url(../img/deryh1.png) no-repeat center center / 100% 100%;
}
.derList3:nth-child(2){
	background: url(../img/deryh2.png) no-repeat center center / 100% 100%;
}
.derList3:nth-child(3){
	background: url(../img/deryh3.png) no-repeat center center / 100% 100%;
}
.derList3:nth-child(4){
	background: url(../img/deryh4.png) no-repeat center center / 100% 100%;
}
.der_tit3{
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.der_text3{
	text-align: center;
	line-height: 12px;
	font-size: 12px;
	color: #a4a3a4;
	margin-top: 11px;
}
.derbar3{
	width: 100%;
	height: 2px;
	margin-top: 11px;
}
.derbars3{
	width: 14px;
	height: 2px;
	background: #7f7f80;
	margin: 0 auto;
}



.derWrap4{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 600px;
	margin-left: -500px;
	margin-top: -300px;
}
.derTit4{
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #010101;
	margin-top: 30px;
}
.derSon4{
	width: 100%;
	height: 70px;
	margin-top: 30px;
}
.derSnlist4{
	height: 100%;
	width: 140px;
}
.derSnlist4 p:nth-child(1){
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	color: #e9b96a;
}
.derSnlist4 p:nth-child(2){
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	color: #333333;
	margin-top: 15px;
}
.derleft4{
	margin-left: 146px;
}
.dertabTit4{
	width: 100%;
	height: 50px;
	background: #f7f7f7;
	box-sizing: border-box;
	border: 1px solid #e4e4e3;
	margin-top: 50px;
}
.dertabT4{
	width: 50%;
	height: 100%;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #040404;
	box-sizing: border-box;
}
.der4{
	border-right: 1px solid #e4e4e3;
	width: 492px !important;
}
.derTabWrap4{
	width: 100%;
	height: 240px;
	border: 1px solid #e4e4e3;
	box-sizing: border-box;
	overflow: auto;
	 -webkit-overflow-scrolling: touch;
	background: rgba(255,255,255,0.8);
}
.dertab4{
	width: 100%;
}
.dertab4 td{
	width: 50%;
	height: 40px;
	border: 1px solid #e4e4e3;
	text-align: center;
	color: #4d4d4d;
	font-size: 12px;
}

.slide5{
	background: url(../img/bg_foot.jpg) no-repeat center center;
	background-size: cover;
}
.weChange {
    font-size: 36px;
    color: #fff;
    width: 100%;
    text-align: center;
}
.weChange span{
	font-weight: bold;
}
.slide6{
	background: #0a0a0a;
}

.slide7 {
    background: url(../img/bg_xinguanjia04.jpg) no-repeat center center;
    background-size: cover;
}
.marketWrap {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -500px;
	    margin-top: -310px;
	    width: 1000px;
	    height: 620px;
	    /* background: red; */
	}
	.markeDownLoad {
	    width: 367px;
	    height: 214px;
	    margin-right: 20px;
	    /* margin-top: -11px; */
	}
	.downBtnWrapmt{
		margin-top: 30px;
	}
	.markeMaStyle p {
	    text-align: center;
	    width: 100%;
	    color: white;
	    font-size: 12px;
	}
	.markeMaStyle img {
	    width: 140px;
	}
	.markeMaStyle {
	    width: 143px;
	    height: 216px;
	}
	.markDataStyle {
	    margin-top: 31px;
	}
	.markFootLeft p {
	    color: #959595;
	    font-size: 14px;
	    width: 100%;
	    text-align: center;
	}
	.markPstyle {
	    color: white;
	    font-size: 16px;
	    line-height: 16px;
	    text-align: center;
	    letter-spacing: 1px;
	    margin-top: 3px;
	}
	.marketFoot {
	    position: relative;
	    top: -14px;
	    z-index: 12;
	    width: 100%;
	    height: 227px;
	}
	.marketImg {
	    position: relative;
	    width: 100%;
	    height: 340px;
	    /* background: blue; */
	   box-sizing: border-box;
	   padding-top: 28px;
	}
	.mt5imgs{
		    width: 60%;
	    display: block;
	    margin: 0 auto;
	}
	.market01 {
	    position: absolute;
	    left: 169px;
	    top: 84px;
	    width: 240px;
	    z-index: 10;
	}
	.market02 {
	    position: absolute;
	    left: 50%;
	    top: 0;
	    width: 300px;
	    margin-left: -150px;
	    z-index: 9;
	}
	.market03 {
	    width: 222px;
	    position: absolute;
	    right: 186px;
	    top: 87px;
	    z-index: 10;
	}
	.marketText {
	    width: 100%;
	    font-size: 18px;
	    text-align: center;
	    color: #AAAAAA;
	    margin-top: 8px;
	}
	.marketTitle {
	    width: 100%;
	    color: white;
	    font-size: 30px;
	    text-align: center;
	}
	.weChange1 {
	    font-size: 30px;
	    color: black;
	    width: 100%;
	    text-align: center;
	    box-sizing: border-box;
	    padding-left: 356px;
	}
	.barApply {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -13px;
	    margin-top: -35px;
	    width: 26px;
	    height: 58px;
	    z-index: 18;
	    /* background: black; */
	}
	.markFootLeft{
	width: 350px;
	height: 229px;
	margin-top: 43px;
}
.markFootImgWrap{
	width: 100%;
	height: 56px;
}
.markFootImgWrap img:nth-child(1){
	margin-left: 31px;
}

.markFootImgWrap img:nth-child(2){
	margin-left: 77px;
}

.markFootImgWrap img:nth-child(3){
	margin-left: 77px;
	width: 45px;
}
.markeDownLoad a{
    width: 177px;
    height: 57px;
    border: 1px solid white;
    font-size: 16px;
    color: white;
    text-align: center;
    padding-top: 18px;
    padding-left: 50px;
    box-sizing: border-box;
}
.markeDownLoad .iphones{
	background: url(../img/icon/icon_ipone.png) no-repeat 20px 10px;
    background-size: 37px 37px;
}
.markeDownLoad .androids{
	background: url(../img/icon/icon_android.png) no-repeat 20px 10px;
    background-size: 37px 37px;
}  
.windowss{
	margin: 0 auto;
	margin-top: 38px;
	width: 177px;
    height: 57px;
    border: 1px solid white;
    font-size: 16px;
    color: white;
    text-align: center;
    padding-top: 18px;
    padding-left: 50px;
    box-sizing: border-box;
	background: url(../img/icon/icon_windows.png) no-repeat 20px 10px;
    background-size: 37px 37px;
}
.markeDownLoad a:nth-child(2){
	margin-top: 20px;
}
.markeDownLoad a:nth-child(3){
	margin-top: 20px;
}
.mtwindowLoad{
		width: 250px;
	    height: 214px;
	    border-right: 1px solid #52514e;
	}
	.mtloadTit{
		text-align: center;
		line-height: 18px;
		color: #fff;
	}
	.diaonao{
		display: block;
	    width: 80px;
	    margin: 0 auto;
	    margin-top: 25px;
	}
	.markeMaStyle{
		width: 160px;
	    height: 216px;
	    /* margin-left: 220px; */
	    margin-top: 30px;
	}
.slide8 {
    background: url(../img/qhbg02.png) no-repeat center center;
    background-size: cover;
}	
.gjsWrap4{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 620px;
	margin-left: -500px;
	margin-top: -310px;
}
.slimg8{
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	width: 100px;
}
.sltit8{
	text-align: center;
	font-size: 16px;
	color: #1d1d1d;
	line-height: 16px;
	margin-top: 15px;
}
.sltext8{
	text-align: center;
	font-size: 12px;
	color: #1a1a1a;
	line-height: 16px;
	margin-top: 10px;
}
.slcontWrap8{
	width: 100%;
	height: 90px;
	margin-top: 25px;
}
.slcontlist8{
	width: 110px;
	height: 100%;
}
.slcontlist8 img{
	display: block;
	margin: 0 auto;
	width: 70px;
}
.slcontlist8 p{
	font-size: 12px;
	line-height: 12px;
	color: #898989;
	text-align: center;
	margin-top: 7px;
}
.sleft8{
	margin-left: 112px;
}
.slloadWrap8{
	width: 100%;
	height: 246px;
	margin-top: 50px;
}
.slloadimg{
	width: 510px;
	height: auto;
	margin-top: 35px;
}
.sloadcode{
	height: 100%;
	width: 205px;
}
.codeloadTit{
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	color: #333;
}
.codeloadText{
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	color: #9a9a9a;
	margin-top: 5px;
}
.sloadcode img{
	width: 100%;
	margin-top: 10px;
}
.myright{
	margin-right: 20px;
}

@media only screen and (max-width: 1600px) {
	
	.derWrap3{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 800px;
		height: 500px;
		margin-left: -400px;
		margin-top: -250px;
	}
	.derContent3{
		width: 100%;
		height: 267px;
		margin-top: 55px;
	}
	.xq_btn{
		width: 86px;
		height: 27px;
		border: 1px solid #fcd699;
		text-align: center;
		line-height: 25px;
		font-size: 12px;
		color: #fcd699;
		margin: 0 auto;
		margin-top: 125px;
		transition-duration: 0.5s;
	}
	
	.derleft3{
		margin-left: 22px;
	}
	.derList3{
		width: 183px;
		height: 100%;
		background: linen;
		padding-top: 56px;
		box-sizing: border-box;
	}
	.derfoot3{
		text-align: center;
		line-height: 20px;
		font-size: 12px;
		color: #fff;
		margin-top: 45px;
	}
}
@media only screen and (min-width: 1601px) {
	.derWrap3{
		position: absolute;
	    left: 50%;
	    top: 50%;
	    width: 1200px;
	    height: 656px;
	    margin-left: -600px;
	    margin-top: -328px;
	}
	.derContent3{
		width: 100%;
		height: 400px;
		margin-top: 55px;
	}
	.xq_btn{
		width: 86px;
	    height: 27px;
	    border: 1px solid #fcd699;
	    text-align: center;
	    line-height: 25px;
	    font-size: 12px;
	    color: #fcd699;
	    margin: 0 auto;
	    margin-top: 231px;
	    transition-duration: 0.5s;
	}
	
	.derleft3{
		margin-left: 36px;
	}
	.derList3{
		width: 273px;
		height: 100%;
		background: linen;
		padding-top: 56px;
		box-sizing: border-box;
	}
	.derfoot3{
		text-align: center;
	    line-height: 32px;
	    font-size: 16px;
	    color: #fff;
	    margin-top: 45px;
	}
}